.mine {
  padding-top: 20rpx;

  .home_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750rpx;
  }

  &_view {
    position: relative;

    &_user {
      display: flex;
      align-items: center;
      padding: 40rpx 32rpx;

      &-name {
        margin-left: 20rpx;
      }
    }
  }

  .view_card {
    background: #fff;
    border-radius: 16rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;

    & + .view_card {
      margin-top: 20rpx;
    }

    &_head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22rpx 0;

      &-title {
        font-size: 28rpx;
        font-weight: 500;
      }

      &-status {
        font-size: 28rpx;
        font-weight: 400;

        &.yes {
          color: #1FAB62;
        }

        &.close {
          color: #F66836;
        }
      }
    }

    &_row {
      display: flex;
      align-items: center;
      padding: 14rpx 0;

      .iconfont {
        color: #4c9cea;
        font-size: 32rpx;
        margin-right: 20rpx;
        flex-shrink: 0;
      }

      &-value {
        font-size: 28rpx;
        font-weight: 400;
      }
    }
  }
}